// 项目的根组件，一切组件的根基
// App被引入到了index.js,渲染到public/index.html文件中id为root的div

import { useState } from "react";

function App08() {
  // 定义对象类型状态变量
  const [form, setForm] = useState({name: 'Jack'})

  // 2. 点击事件回调
  const changeForm = () => {
    // 修改对象值，传入一个全新的对象
    setForm({
      ...form,
      name: 'Tom'
    })
  }
  return (
    <div className="App">
    
      <button onClick={changeForm}>{form.name}</button>
      
    </div>
  )
}

export default App08
